<template>
	<view>
		<swiper :indicator-dots="true">
			<swiper-item v-for="(page,p) in pagges" :key="p" class="d-flex flex-wrap">
				<view class="swiper-item fast-nav span-5 text-center my-2" v-for="(fn,f) in page" :key="f">
					<image :src="fn.src" mode=""></image>
					<view>{{fn.text}}</view>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script setup>
	defineProps(['pagges'])
</script>

<style scoped>
	swiper {
		height: 350rpx;
	}
	
	.swiper-img {
		width: 750rpx;
		height: 350rpx;
	}
	.fast-nav image {
		width: 88rpx;
		height: 88rpx;
	}
</style>